﻿<%@ Page Language="C#" MasterPageFile="~/Register/registerSite.master" AutoEventWireup="true" CodeFile="~/Register/Register.aspx.cs"
    Theme="DXConnect" Inherits="Register.RegisterForm" %>
<%@ Register assembly="DevExpress.Web.ASPxEditors.v12.1, Version=12.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxEditors" tagprefix="dx1" %>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="mainContent registration">
        <div class="contentHeader">
            <div class="content">
                <img id="registrationTitle" src="../Images/title_registration.png" alt="Schedule" />
            </div>
        </div>
        <div class="content">

            <table style="width:100%;">
                <tr>
                    <td style="width: 245px">
                         <div class="regFieldHolder">
                         </div>
                        </td>
                    <td style="width: 334px">
                             <dx1:ASPxLabel ID="ASPxLabel4" runat="server" CssClass="title" 
                                 Text="Personal Information" Font-Size="XX-Large">
                             </dx1:ASPxLabel>
                         </td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 245px">
                        &nbsp;</td>
                    <td style="width: 334px">
                        
                        
                         <div class="regFieldHolder">
                             <dx1:ASPxLabel ID="ASPxLabel2" runat="server" Text="Your Firstname:" 
                                 CssClass="formlabel">
                             </dx1:ASPxLabel>
                             <dx1:ASPxTextBox ID="txtfirstname" runat="server" Width="200px" TabIndex="1">
                             <ValidationSettings ErrorDisplayMode="None" ValidateOnLeave="True" SetFocusOnError="True">
                              <RequiredField IsRequired="True"></RequiredField>
                          </ValidationSettings>
                             </dx1:ASPxTextBox>
                             <br />
                         </div>

                       
                    </td>

                    <td>
                        <div class="regFieldHolder">
                            <dx1:ASPxLabel ID="ASPxLabel7" runat="server" Text="Your Username:" 
                                CssClass="formlabel">
                            </dx1:ASPxLabel>
                            <dx1:ASPxTextBox ID="txtusername" runat="server" Width="200px" TabIndex="5">
                                <ValidationSettings ErrorDisplayMode="None" ValidateOnLeave="True" SetFocusOnError="True">
                              <RequiredField IsRequired="True"></RequiredField>
                          </ValidationSettings>
                            </dx1:ASPxTextBox>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width: 245px">
                        &nbsp;</td>
                    <td style="width: 334px">
                        
                        <div class="regFieldHolder">
                            <dx1:ASPxLabel ID="ASPxLabel3" runat="server" Text="Your Lastname:" 
                                CssClass="formlabel">
                            </dx1:ASPxLabel>
                            <dx1:ASPxTextBox ID="txtlastname" runat="server" Width="200px" TabIndex="2">
                                <ValidationSettings ErrorDisplayMode="None" ValidateOnLeave="True" SetFocusOnError="True">
                              <RequiredField IsRequired="True"></RequiredField>
                          </ValidationSettings>
                            </dx1:ASPxTextBox>
                        </div>
                    </td>
                    <td>
                        <div class="regFieldHolder">
                            <dx1:ASPxLabel ID="ASPxLabel8" runat="server" Text="Your Password:" 
                                CssClass="formlabel">
                            </dx1:ASPxLabel>
                            <dx1:ASPxTextBox ID="txtpassword" runat="server" Width="200px" Password="True" 
                                TabIndex="6">
                                <ValidationSettings ErrorDisplayMode="None" ValidateOnLeave="True" SetFocusOnError="True">
                              <RequiredField IsRequired="True"></RequiredField>
                          </ValidationSettings>
                            </dx1:ASPxTextBox>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width: 245px">
                        &nbsp;</td>
                    <td style="width: 334px">
                        
                        <div class="regFieldHolder">
                            <dx1:ASPxLabel ID="ASPxLabel5" runat="server" Text="Your Phonenumber:" 
                                CssClass="formlabel">
                            </dx1:ASPxLabel>
                            <dx1:ASPxTextBox ID="txtphone" runat="server" Width="200px" TabIndex="3">
                                <ValidationSettings ErrorDisplayMode="None" ValidateOnLeave="True" SetFocusOnError="True">
                              <RequiredField IsRequired="True"></RequiredField>
                          </ValidationSettings>
                            </dx1:ASPxTextBox>
                        </div>
                    </td>
                    <td>
                        
                        <div class="regFieldHolder">
                            <dx1:ASPxLabel ID="ASPxLabel9" runat="server" Text="Confirm your Password:" 
                                CssClass="formlabel">
                            </dx1:ASPxLabel>
                            <dx1:ASPxTextBox ID="txtconfirmpassword" runat="server" Width="200px" 
                                Password="True" TabIndex="7">
                                <ValidationSettings ErrorDisplayMode="None" ValidateOnLeave="True" SetFocusOnError="True">
                              <RequiredField IsRequired="True"></RequiredField>
                          </ValidationSettings>
                            </dx1:ASPxTextBox>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width: 245px">
                        &nbsp;</td>
                    <td style="width: 334px">
                        
                        <div class="regFieldHolder">
                            <dx1:ASPxLabel ID="ASPxLabel6" runat="server" Text="Your Email:" 
                                CssClass="formlabel">
                            </dx1:ASPxLabel>
                            <dx1:ASPxTextBox ID="txtemail" runat="server" Width="200px" TabIndex="4">
                                <ValidationSettings ErrorDisplayMode="None" ValidateOnLeave="True" SetFocusOnError="True">
                              <RequiredField IsRequired="True"></RequiredField>
                          </ValidationSettings>
                            </dx1:ASPxTextBox>
                        </div>
                    </td>
                    <td>
                            <asp:CompareValidator ID="CompareValidator1" runat="server" 
                                ControlToCompare="txtpassword" ControlToValidate="txtconfirmpassword" 
                                ErrorMessage="Confirm password must be the same with password"></asp:CompareValidator>
                        </td>
                </tr>
                <tr>
                    <td style="width: 245px">
                        &nbsp;</td>
                    <td style="width: 334px">
                        &nbsp;</td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td style="width: 245px">
                        &nbsp;</td>
                    <td style="width: 334px">
                            <asp:Label ID="lbshow" runat="server"></asp:Label>
                        </td>
                    <td>
                       <dx1:ASPxButton CssClass="regButton" ID="SubmitButton" runat="server" 
                            onclick="ASPxButton1_Click" TabIndex="8" Text="Next" >
                       </dx1:ASPxButton>  
                    </td>
                </tr>
            </table>

        </div>
    </div>
</asp:Content>
